// 支持文件
@import '../../assets/scss/support';
.activity-item {
  margin-bottom: 13px;
  position: relative;
  .activity-img {
    width: 375px;
    height: 200px;
    background: #ddd;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .activity-content {
    background: #f4f5f7;
    height: 45px;
    width: 100%;
    position: relative;
    .activity-bar {
      position: absolute;
      left: 12px;
      bottom: 0;
      width: 702rpx;
      height: 65px;
      padding: 17px 10px;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      background: #ffffff;
      box-shadow: 0px 1px 8px rgba(202, 202, 202, 0.5);
      .activity-bar-left {
        display: flex;
        flex-direction: column;
        flex: 1;
        .activity-title {
          font-size: 13px;
          line-height: 19px;
          color: #383838;
          font-weight: 700;
          @include textoverflow(1);
        }
        .activity-countdown {
          margin-top: 4px;
          font-size: 10px;
          line-height: 14px;
          color: #6d6d6d;
        }
      }
      .activity-bar-right {
        display: flex;
        flex-direction: row;
        .activity-bar-btn {
          margin-left: 10px;
          min-width: 60px;
          box-sizing: border-box;
          padding: 5px 12px;
          text-align: center;
          border-radius: 14px;
          font-size: 12px;
          background: #de3535;
          color: #ffffff;
        }
      }
    }
    &.no-recommend {
      height: 70px !important;
    }
  }
  .disabled {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    .end-tips {
      position: absolute;
      right: 0;
      top: 35px;
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px;
      width: 105px;
      background: #ffffff;
      color: #333333;
      font-size: 16px;
      height: 35px;
      line-height: 35px;
      text-align: center;
    }
  }
}

.preview {
  // .activity-img {
  //     position: relative;
  //     .preview-btn {
  //         position: absolute;
  //         right: 22px;
  //         top: 22px;
  //         background: #ffffff;
  //         font-size: 10px;
  //         color: #DE3535;
  //         font-weight: 600;
  //         width: 50px;
  //         height: 20px;
  //         line-height: 20px;
  //         text-align: center;
  //         border: 1rpx solid #e9e9e9;
  //     }
  // }
  
}
